🚀 Cloudflare PagesにHTMLホームページを公開する方法

このページでは、HTMLで作ったホームページをCloudflare Pagesで無料公開する方法を、 初心者向けにわかりやすく解説します。

Cloudflare Pagesとは？

Cloudflare Pagesは、HTML・CSS・JavaScriptをアップロードするだけで 高速・安定・無料でホームページを公開できるサービスです。

公開前に準備するもの

• HTMLファイル（例：index.html）
• パソコンまたはスマートフォン
• Cloudflareアカウント（無料）

方法① ZIPアップロード（いちばん簡単）

HTML初心者の方には、ZIPアップロードがおすすめです。

STEP 1：HTMLファイルを用意する

トップページは必ず index.html という名前にします。

STEP 2：ファイルをZIPにまとめる

• index.html
• style.css（あれば）
• script.js（あれば）

これらを1つのZIPファイルにします。

STEP 3：Cloudflare Pagesにアクセス

1. Cloudflareにログイン
2. 「Workers & Pages」→「Pages」を選択
3. 「Create a project」をクリック
4. 「Upload assets」を選択

STEP 4：ZIPファイルをアップロード

ZIPファイルをドラッグ＆ドロップしてアップロードします。

STEP 5：公開完了

数秒〜数十秒で、
https://〇〇.pages.dev
というURLが発行され、ホームページが公開されます 🎉

方法② GitHub連携（更新が多い人向け）

GitHubにHTMLを置き、変更するたびに自動で反映させる方法です。

• 頻繁に更新するサイト向け
• バージョン管理ができる
• 少しだけ慣れが必要

よくある注意点

どんなサイトが公開できる？

• 個人ホームページ
• 作品ポートフォリオ
• ジェネレーター・ツール
• 説明・案内ページ

まとめ

Cloudflare Pagesを使えば、
HTMLホームページは数分で無料公開できます。

特にZIPアップロードは簡単なので、
初めての公開にも最適です。